<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>${title}</title>
    <!--  变量 domain:域名  logo:图片相对地址  -->
    <link rel="shortcut icon" href="${domain}/${logo}">
    <link rel="stylesheet" href="${domain}/cms/template/default/static/layui/css/layui.css">

</head>
<body>
<div>

    <%
    var bannerList = cmsService.getBannerInfo();
    var articlePageInfo = cmsService.getArticleList(1,5,null);
    %>

    <%
    include("header.html"){}
    %>

    <div class="layui-carousel" id="test10" style="margin: 0px auto;">
        <div carousel-item="">
            <% for(item in bannerList){ %>
            <img src="${domain}/${item.imageLink}" style="height: 100%;width: 100%">
            <% } %>
        </div>
    </div>

    <div class="layui-row layui-col-space20" style="margin: 0px auto;width: 900px">
        <div class="layui-col-md7">
            <div class="layui-panel">
                <div class="layui-card-header" style="background: #4491e5;color: #eef6ff;font-size: medium">集团新闻</div>
                <div class="layui-card-body out" style="height: 100px">
                    <% for(item in articlePageInfo.records){ %>
                    <li>
                        <a href="${item.url}"><span style="font-size: medium">${item.title}</span></a>
                    </li>
                    <% } %>
                </div>
            </div>
        </div>
        <div class="layui-col-md5">
            <div class="layui-panel">
                <div class="layui-card-header" style="background: #4491e5;color: #eef6ff;font-size: medium">集团介绍</div>
                <div class="layui-card-body out" style="height: 100px;">一个面板</div>
            </div>
        </div>
    </div>

    <div class="layui-row layui-col-space20" style="margin: 0px auto;width: 900px">
        <div class="layui-col-md6">
            <div class="layui-panel">
                <div class="layui-card-header" style="background: #4491e5;color: #eef6ff;font-size: medium">集团新闻</div>
                <div class="layui-card-body out" style="height: 100px;">一个面板</div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="layui-panel">
                <div class="layui-card-header" style="background: #4491e5;color: #eef6ff;font-size: medium">集团介绍</div>
                <div class="layui-card-body out" style="height: 100px;">一个面板</div>
            </div>
        </div>
    </div>

    <div class="layui-row layui-col-space20" style="margin: 0px auto;width: 900px">
        <div class="layui-col-md6">
            <div class="layui-panel">
                <div class="layui-card-header" style="background: #4491e5;color: #eef6ff;font-size: medium">集团新闻</div>
                <div class="layui-card-body out" style="height: 100px;">一个面板</div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="layui-panel">
                <div class="layui-card-header" style="background: #4491e5;color: #eef6ff;font-size: medium">集团介绍</div>
                <div class="layui-card-body out" style="height: 100px;">一个面板</div>
            </div>
        </div>
    </div>

    <%
    include("footer.html"){}
    %>

</div>


</body>
<style>
    .out{
        height:100px;
        overflow:auto;
        overflow-x:hidden;
    }

</style>

<script src="${domain}/cms/template/default/static/layui/layui.js"></script>
<script>
    layui.use(['carousel', 'form'], function () {
        var carousel = layui.carousel;

        //图片轮播
        carousel.render({
            elem: '#test10'
            , width: '900px'
            , height: '400px'
            , interval: 5000
            , anim: 'fade'
        });
    });

</script>
</html>